﻿<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hui-Hybrid.js</title>
    <link rel="stylesheet" type="text/css" href="../../../css/Hui.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/iconfont/iconfont.css" />
    <style type="text/css">
    </style>
</head>
<body>
    <div class="H-chat-list-box">
        <!--接受方-->
        <!--文本-->
        <div class="H-msg-receiver">
            <div class="H-msg-picture">
                <img src="../../../image/logo.png" class="H-border-radius-circle" alt="" title="" />
            </div>
            <div class="H-msg-container H-flexbox-horizontal">
                <div class="H-msg-content">
                    <div class="H-receiver-jiao"></div>
                    <div class="H-msg-text">你好，我叫新生帝。</div>
                </div>
                <div class="H-msg-status H-flex-item"></div>
            </div>
        </div>
        <div class="H-msg-receiver">
            <div class="H-msg-picture">
                <img src="../../../image/logo.png" class="H-border-radius-circle" alt="" title="" />
            </div>
            <div class="H-msg-container H-flexbox-horizontal">
                <div class="H-msg-content">
                    <div class="H-receiver-jiao"></div>
                    <div class="H-msg-text">你好，我叫新生帝，我来自中山赢友网络科技有限公司</div>
                </div>
                <div class="H-msg-status H-flex-item"><span class="H-satus-load"><i class="iconfont icon-jiazaizhong"></i></span></div>
            </div>
        </div>
        <div class="H-msg-receiver">
            <div class="H-msg-picture">
                <img src="../../../image/logo.png" class="H-border-radius-circle" alt="" title="" />
            </div>
            <div class="H-msg-container H-flexbox-horizontal">
                <div class="H-msg-content">
                    <div class="H-receiver-jiao"></div>
                    <div class="H-msg-text">中山赢友网络科技有限公司</div>
                </div>
                <div class="H-msg-status H-flex-item"><span class="H-satus-warn"><i class="iconfont icon-shenheshibai"></i></span></div>
            </div>
        </div>
        <!--图片-->
        <div class="H-msg-receiver">
            <div class="H-msg-picture">
                <img src="../../../image/logo.png" class="H-border-radius-circle" alt="" title="" />
            </div>
            <div class="H-msg-container H-flexbox-horizontal">
                <div class="H-msg-content">
                    <div class="H-receiver-jiao"></div>
                    <div class="H-msg-image"><img src="../../../image/xsd.jpg" alt="" title="" /></div>
                </div>
                <div class="H-msg-status H-flex-item"></div>
            </div>
        </div>
        <div class="H-msg-receiver">
            <div class="H-msg-picture">
                <img src="../../../image/logo.png" class="H-border-radius-circle" alt="" title="" />
            </div>
            <div class="H-msg-container H-flexbox-horizontal">
                <div class="H-msg-content">
                    <div class="H-receiver-jiao"></div>
                    <div class="H-msg-image"><img src="../../../image/xsd.jpg" alt="" title="" /></div>
                </div>
                <div class="H-msg-status H-flex-item"><span class="H-satus-load"><i class="iconfont icon-jiazaizhong"></i></span></div>
            </div>

        </div>
        <div class="H-msg-receiver">
            <div class="H-msg-picture">
                <img src="../../../image/logo.png" class="H-border-radius-circle" alt="" title="" />
            </div>
            <div class="H-msg-container H-flexbox-horizontal">
                <div class="H-msg-content">
                    <div class="H-receiver-jiao"></div>
                    <div class="H-msg-image"><img src="../../../image/xsd.jpg" alt="" title="" /></div>
                </div>
                <div class="H-msg-status H-flex-item"><span class="H-satus-warn"><i class="iconfont icon-shenheshibai"></i></span></div>
            </div>
        </div>
        <!--语音-->
        <div class="H-msg-receiver">
            <div class="H-msg-picture">
                <img src="../../../image/logo.png" class="H-border-radius-circle" alt="" title="" />
            </div>
            <div class="H-msg-container H-flexbox-horizontal">
                <div class="H-msg-content">
                    <div class="H-receiver-jiao"></div>
                    <div class="H-msg-voice"><i class="iconfont icon-iconduifangfasongyuyin301"></i> 3"</div>
                </div>
                <div class="H-msg-status H-flex-item"></div>
            </div>
        </div>
        <div class="H-msg-receiver">
            <div class="H-msg-picture">
                <img src="../../../image/logo.png" class="H-border-radius-circle" alt="" title="" />
            </div>
            <div class="H-msg-container H-flexbox-horizontal">
                <div class="H-msg-content">
                    <div class="H-receiver-jiao"></div>
                    <div class="H-msg-voice"><i class="iconfont icon-iconduifangfasongyuyin301"></i><span class="H-padding-right10"></span><span class="H-padding-right10"></span><span class="H-padding-right10"></span>10"</div>
                </div>
                <div class="H-msg-status H-flex-item"><span class="H-satus-load"><i class="iconfont icon-jiazaizhong"></i></span></div>
            </div>
        </div>
        <div class="H-msg-receiver">
            <div class="H-msg-picture">
                <img src="../../../image/logo.png" class="H-border-radius-circle" alt="" title="" />
            </div>
            <div class="H-msg-container H-flexbox-horizontal">
                <div class="H-msg-content">
                    <div class="H-receiver-jiao"></div>
                    <div class="H-msg-voice"><i class="iconfont icon-iconduifangfasongyuyin301"></i><span class="H-padding-right10"></span><span class="H-padding-right10"></span><span class="H-padding-right10"></span><span class="H-padding-right10"></span><span class="H-padding-right10"></span><span class="H-padding-right10"></span>20"</div>
                </div>
                <div class="H-msg-status H-flex-item"><span class="H-satus-warn"><i class="iconfont icon-shenheshibai"></i></span></div>
            </div>
        </div>
        <!--发送方-->
        <!--文本-->
        <div class="H-msg-sender">
            <div class="H-msg-container H-flexbox-horizontal">
                <div class="H-msg-status H-flex-item"></div>
                <div class="H-msg-content">
                    <div class="H-msg-text">你好，我叫新生帝。</div>
                    <div class="H-sender-jiao"></div>
                </div>
            </div>
            <div class="H-msg-picture">
                <img src="../../../image/xsd.jpg" class="H-border-radius-circle" alt="" title="" />
            </div>
        </div>
        <div class="H-msg-sender">
            <div class="H-msg-container H-flexbox-horizontal">
                <div class="H-msg-status H-flex-item"><span class="H-satus-load"><i class="iconfont icon-jiazaizhong"></i></span></div>
                <div class="H-msg-content">
                    <div class="H-msg-text">你好，我叫新生帝，我来自中山赢友网络科技有限公司。</div>
                    <div class="H-sender-jiao"></div>
                </div>
            </div>
            <div class="H-msg-picture">
                <img src="../../../image/xsd.jpg" class="H-border-radius-circle" alt="" title="" />
            </div>
        </div>
        <div class="H-msg-sender">
            <div class="H-msg-container H-flexbox-horizontal">
                <div class="H-msg-status H-flex-item"><span class="H-satus-warn"><i class="iconfont icon-shenheshibai"></i></span></div>
                <div class="H-msg-content">
                    <div class="H-msg-text">中山赢友网络科技有限公司。</div>
                    <div class="H-sender-jiao"></div>
                </div>
            </div>
            <div class="H-msg-picture">
                <img src="../../../image/xsd.jpg" class="H-border-radius-circle" alt="" title="" />
            </div>
        </div>
        <!--图片-->
        <div class="H-msg-sender">
            <div class="H-msg-container H-flexbox-horizontal">
                <div class="H-msg-status H-flex-item"></div>
                <div class="H-msg-content">
                    <div class="H-msg-image"><img src="../../../image/xsd.jpg" alt="" title="" /></div>
                    <div class="H-sender-jiao"></div>
                </div>
            </div>
            <div class="H-msg-picture">
                <img src="../../../image/xsd.jpg" class="H-border-radius-circle" alt="" title="" />
            </div>
        </div>
        <div class="H-msg-sender">
            <div class="H-msg-container H-flexbox-horizontal">
                <div class="H-msg-status H-flex-item"><span class="H-satus-load"><i class="iconfont icon-jiazaizhong"></i></span></div>
                <div class="H-msg-content">
                    <div class="H-msg-image"><img src="../../../image/xsd.jpg" alt="" title="" /></div>
                    <div class="H-sender-jiao"></div>
                </div>
            </div>
            <div class="H-msg-picture">
                <img src="../../../image/xsd.jpg" class="H-border-radius-circle" alt="" title="" />
            </div>
        </div>
        <div class="H-msg-sender">
            <div class="H-msg-container H-flexbox-horizontal">
                <div class="H-msg-status H-flex-item"><span class="H-satus-warn"><i class="iconfont icon-shenheshibai"></i></span></div>
                <div class="H-msg-content">
                    <div class="H-msg-image"><img src="../../../image/xsd.jpg" alt="" title="" /></div>
                    <div class="H-sender-jiao"></div>
                </div>
            </div>
            <div class="H-msg-picture">
                <img src="../../../image/xsd.jpg" class="H-border-radius-circle" alt="" title="" />
            </div>
        </div>
        <!--语音-->
        <div class="H-msg-sender">
            <div class="H-msg-container H-flexbox-horizontal">
                <div class="H-msg-status H-flex-item"></div>
                <div class="H-msg-content">
                    <div class="H-msg-voice">3" <i class="iconfont icon-iconbenrenfasongyuyin301"></i></div>
                    <div class="H-sender-jiao"></div>
                </div>
            </div>
            <div class="H-msg-picture">
                <img src="../../../image/xsd.jpg" class="H-border-radius-circle" alt="" title="" />
            </div>
        </div>
        <div class="H-msg-sender">
            <div class="H-msg-container H-flexbox-horizontal">
                <div class="H-msg-status H-flex-item"><span class="H-satus-load"><i class="iconfont icon-jiazaizhong"></i></span></div>
                <div class="H-msg-content">
                    <div class="H-msg-voice">10"<span class="H-padding-right10"></span><span class="H-padding-right10"></span><span class="H-padding-right10"></span> <i class="iconfont icon-iconbenrenfasongyuyin301"></i></div>
                    <div class="H-sender-jiao"></div>
                </div>
            </div>
            <div class="H-msg-picture">
                <img src="../../../image/xsd.jpg" class="H-border-radius-circle" alt="" title="" />
            </div>
        </div>
        <div class="H-msg-sender">
            <div class="H-msg-container H-flexbox-horizontal">
                <div class="H-msg-status H-flex-item"><span class="H-satus-warn"><i class="iconfont icon-shenheshibai"></i></span></div>
                <div class="H-msg-content">
                    <div class="H-msg-voice">20"<span class="H-padding-right10"></span><span class="H-padding-right10"></span><span class="H-padding-right10"></span><span class="H-padding-right10"></span><span class="H-padding-right10"></span><span class="H-padding-right10"></span> <i class="iconfont icon-iconbenrenfasongyuyin301"></i></div>
                    <div class="H-sender-jiao"></div>
                </div>
            </div>
            <div class="H-msg-picture">
                <img src="../../../image/xsd.jpg" class="H-border-radius-circle" alt="" title="" />
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../../../script/Hybrid.js"></script>
    <script type="text/javascript">
    </script>
</body>
</html>